<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
<!-- 
    根据数据来渲染页面：
    
    1.前端渲染
    是指服务端返回页面数据，前端完成页面结构拼接
    前端渲染的特征：
    - 数据传输量小，传输速度快
    - 前后端分离，各司其职效率高
    - 在前端完成了整个页面的拼接，页面呈现速度偏慢
    - 减少服务器压力，占用更多客户端运算资源
    - 对SEO搜索引擎优化不友好，大量使用了ajax请求数据，搜索引擎不能抓取到ajax的数据


    2.服务端渲染SSR（Server Side Rendering）
    是指服务端根据数据完成页面结构拼接，返回给前端
    服务端渲染的特征：
    - 数据传输量大，传输速度偏慢
    - 前后端不分离，开发效率低
    - 在后端完成了整个页面的拼接，页面呈现速度更快
    - 减少客户端压力，占用更多服务端运算资源
    - 对SEO搜索引擎优化更友好，在服务端已经完成整个页面拼接并返回到客户端，搜索引擎可以抓取到更多页面信息
 -->

</body>
</html>